<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./template.xhtml">



            <ui:define name="title">
                Sms počasí
            </ui:define>

            <ui:define name="body">
                <h:form id="indexForm" onkeypress="if (event.keyCode == 13) { document.getElementById('indexForm:submitIndex').click(); return false; }">

                    
                    <h:panelGrid styleClass="indexTable" columns="1">
                        <h:outputLabel styleClass="infoLabel" value="#{requirementBean.info}"/>

                        <h:outputLabel rendered="#{requirementBean.firstStage}"> <b>Místo předpovědi</b>, zadejte zeměpistný název místa,
                            pro které chcete předpověď,
                            např. Klenčí pod Čerchovem nebo Hoher Dachstein
                        </h:outputLabel>
                        <h:outputLabel rendered="#{!requirementBean.firstStage}">
                            Vyberte místo z nabídky
                        </h:outputLabel>
                            
                        <h:panelGroup>
                            <h:inputText id="place" value="#{requirementBean.place}"
                                         rendered="#{requirementBean.firstStage}" required="true" requiredMessage="#{bundle.Error_requiredValue}"/>
                            <h:selectOneMenu styleClass="selectPlace" id="placeSelect" value="#{requirementBean.selectedPlace}" rendered="#{!requirementBean.firstStage}">
                                <f:selectItems value="#{requirementBean.foundPlaces}"/>
                            </h:selectOneMenu>                      
                            <h:commandButton  styleClass="changePlaceButton" value="Změnit" action="#{requirementBean.changePlace}" rendered="#{!requirementBean.firstStage}"/>
                            <h:message styleClass="messageStyle" for="place"/>
                        </h:panelGroup>

                        <h:outputLabel>
                            <b>Vaše telefonní číslo</b>, služba je dostupná pouze pro
                            česká čísla operátora O2, číslo zadávejte bez mezer a
                            bez předvolby např. 123456789

                        </h:outputLabel>
                        <h:panelGroup>
                            <h:inputText id="phoneNumber" value="#{requirementBean.phoneNumber}" required="true" requiredMessage="#{bundle.Error_requiredValue}">                             
                            </h:inputText>
                            <h:message styleClass="messageStyle" for="phoneNumber"/>
                        </h:panelGroup>

                        <h:outputLabel>
                            <b>Datum zaslání zprávy</b>, zprávu obdržíte v zadaný
                            den kolem páté hodiny odpoledne, příklad datumu 28.3.2011
                        </h:outputLabel>
                        <h:panelGroup>
                            <h:inputText id="date" value="#{requirementBean.date}" required="true" requiredMessage="#{bundle.Error_requiredValue}">
                                <f:convertDateTime pattern="dd.MM.yyyy" />
                            </h:inputText>
                            <h:message styleClass="messageStyle" for="date"/>
                        </h:panelGroup>

                        <h:outputLabel rendered="#{(!smsValidation.isValid)and(!requirementBean.firstStage)and requirementBean.haveCode}">
                            <b>Validační kód</b>, který obdržíte v SMS zprávě, kód je číselný.
                            Pokud kód neobdržíte, zkontrolujte vyplněné údaje a zkuste si nechat kód
                            zaslat později.
                        </h:outputLabel>

                        <h:panelGroup>
                            <h:inputText id="code" value="#{requirementBean.code}" rendered="#{(!smsValidation.isValid)and(!requirementBean.firstStage)and requirementBean.haveCode}"/>
                            <h:message styleClass="messageStyle" for="code"/>
                        </h:panelGroup>




                        <h:panelGroup rendered="#{(!smsValidation.isValid)and(!requirementBean.firstStage)}">

                            <h:commandButton styleClass="button" value="Zaslat validačni kód" action="#{requirementBean.sendCode}" rendered="#{!requirementBean.haveCode}"/>
                        </h:panelGroup>
                       

                        <h:commandButton styleClass="button" value="Vyhledat místo" action="#{requirementBean.find}" rendered="#{requirementBean.firstStage}"/>

                        <h:commandButton id="submitIndex" styleClass="button"  value="Potvrdit zadání" action="#{requirementBean.confirm}" rendered="#{!requirementBean.firstStage}"/>
                    </h:panelGrid>
                </h:form>
              

            </ui:define>

        </ui:composition>

        <h:form>
            <h:commandLink action="/pages/admin/grouptable/List" value="Show All Grouptable Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/pages/admin/userinfotable/List" value="Show All Userinfotable Items"/>
        </h:form>
        <h:form>
            <h:commandLink action="/pages/admin/usertable/List" value="Show All Usertable Items"/>
        </h:form>
    </body>



</html>
